<template>
  <v-div position="relative">
    <v-div width="150px" height="100%" position="fixed" br="1px solid #efefef">
      <v-text size="25px" color="#ff324b" width="100%"
              style="display:block; height: 50px;line-height: 50px;text-align: center">忻城秀荣
      </v-text>
      <v-scroll native>
        <el-menu :unique-opened="true">
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>数据库</span>
            </template>
            <template v-for="child in routes">
              <el-menu-item :keys='child.path' :index="child.name">getUser</el-menu-item>
            </template>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>路由</span>
            </template>
            <template v-for="child in routes">
              <el-menu-item :keys='child.path' :index="child.name">getUser</el-menu-item>
            </template>
          </el-submenu>
        </el-menu>
      </v-scroll>
    </v-div>
    <v-main ml="150px">
      <v-div direction="row">
        <v-header>
          <v-div direction="row">
            <v-text>getUser</v-text>
            <v-text>获取用户信息 链接 localhost:8080/getUser</v-text>
          </v-div>
        </v-header>
        <v-div direction="column">
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
          <v-text>表1</v-text>
        </v-div>
        <v-div width="100%" flex="1">
          <v-code-edit></v-code-edit>
        </v-div>
      </v-div>
    </v-main>
  </v-div>
</template>
<script>
  import index from './index'

  export default index
</script>

<style scoped>
  .el-menu {
    border-right: 0;
  }
</style>
